<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>

<div id="app">
    <p v-if="ok"> ok is true</p>

    <p v-show="show"> show is true </p>


    <!--优先v-for 再判断v-if-->
    <p v-for="item in list" v-if="item%2 === 0">{{item}}</p>

</div>

<script>

    var app = new Vue({
        el: "#app",
        data: {
            ok: true,
            show: true,
            list: [
                1,2,3,4,5,6,7,8,9,10
            ]
        }
    });


</script>


</body>
</html>